import { FC } from "react"

import { SFormItem } from "@/components/common"
import StyleSelect from "@/components/common/styleSelect"
import { useLocale } from "@/locales"

const TimeDimensionSelect: FC = () => {
	const { formatMessage } = useLocale()
	//老项目中的设置
	const options = [
		{ label: formatMessage({ id: "report.dailyDimension" }), value: 0 },
		{ label: formatMessage({ id: "report.month_dimension" }), value: 1 }
	]

	return (
		<SFormItem name="timeDimension">
			<StyleSelect
				defaultValue={options[0].value}
				options={options}
				style={{ width: "150px" }}
				placeholder={formatMessage({ id: "label.select_all" })}
			/>
		</SFormItem>
	)
}

export default TimeDimensionSelect
